<template>
    <div class="header">
         城市选择
         <router-link to="/" >
            <div class="header-left">
                <span class="iconfont back-icon">&#xe624;</span>
            </div>
         </router-link>
    </div>
</template>

<script>
    export default {
        name:"CityHeader"
    }
</script>

<style lang="stylus" scoped>
@import "~styles/varibles.styl"
   .header{
       height :0.86rem;
       overflow hidden;
       line-height:0.86rem;
       text-align:center;
       color :#fff;
       background:$bgColor;
       font-size:0.32rem;
       position: relative;
       .header-left{
            position:absolute;
            top:0;
            left:0.1rem;
            color:#fff
       }
   }
</style>